<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>道恩商城-我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css">
		<link rel="stylesheet" type="text/css" href="css/self_info.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
	</head>

	<body>
		<!-- start header -->
		<header>
			<div class="top center">
				<div class="left fl">
				</div>
				<div class="right fr">
					<div class="gouwuche fr">
						<a href="./dingdanzhongxin.html">我的订单</a>
					</div>
					<div class="fr">
						<ul>
							<li>
								<a href="./login.html" target="_blank">登录</a>
							</li>
							<li>|</li>
							<li>
								<a href="./register.html" target="_blank">注册</a>
							</li>
							<li>|</li>
							<li>
								<a href="#top">个人中心</a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
		<!--end header -->
		<!-- start banner_x -->
		<div class="banner_x center">
			<a href="./index.html" target="_blank">
				<div class="logo fl"></div>
			</a>
			<div class="nav fl">
				<ul>
					<li>
						<a href="">道恩仪器</a>
					</li>
					<li>
						<a href="">道恩</a>
					</li>
					<li>
						<a href="">显微镜</a>
					</li>
					<li>
						<a href="">道恩仪器</a>
					</li>
					<li>
						<a href="">道恩</a>
					</li>
					<li>
						<a href="">显微镜</a>
					</li>
					<li>
						<a href="">道恩仪器</a>
					</li>
					<li>
						<a href="">道恩</a>
					</li>

				</ul>
			</div>
			<div class="search fr">
				<form action="" method="post">
					<div class="text fl">
						<input type="text" class="shuru" placeholder="道恩6&nbsp;道恩MIX现货">
					</div>
					<div class="submit fl">
						<img src="image/fang.png" />
					</div>
					<div class="clear"></div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 头部内容 -->
		<div class="tit_wrap">
			<div class="titHome">
				<a href="">首页</a> -
				<a href="">我的订单</a>

			</div>
		</div>
		<!-- self_info -->

		<div class="grzxbj">
			<div class="selfinfo center">
				<div class="lfnav fl">
					<div class="ddzx">订单中心</div>
					<div class="subddzx">
						<ul>
							<li>
								<a style="color: #d82b2d ;font-weight:900;" href="">我的订单</a>
							</li>
							<li>
								<a href="">团购订单</a>
							</li>
							<li>
								<a href="">评价晒单</a>
							</li>
						</ul>
					</div>
					<div class="ddzx">个人中心</div>
					<div class="subddzx">
						<ul>
							<li>
								<a href="">我的个人中心</a>
							</li>
							<li>
								<a>消息通知</a>
							</li>
							<li>
								<a href="">喜欢的商品</a>
							</li>
							<li>
								<a href="">优惠券</a>
							</li>
							<li>
								<a href="">收货地址</a>
							</li>
						</ul>
					</div>
					<div class="ddzx">售后服务</div>
					<div class="subddzx">
						<ul>
							<li>
								<a href="">服务记录</a>
							</li>
							<li>
								<a href="">申请服务</a>
							</li>
							<li>
								<a href="">领取快递报销</a>
							</li>

						</ul>
					</div>
					<div class="ddzx">账户管理</div>
					<div class="subddzx">
						<ul>
							<li>
								<a href="">个人信息</a>
							</li>
							<li>
								<a href="">修改密码</a>
							</li>

						</ul>
					</div>
				</div>

				<!-- 消息通知 -->
				<div class="rtcont fr">
					<div class="grzlbtxi ml40">我的订单</div>
					<ul class="navlist">
						<li class="item_list active">
							<a href="#all" data-toggle="tab">全部有效订单</a>
						</li>|
						<li class="item_list">
							<a href="#wuliu" data-toggle="tab">待支付（1）</a>
						</li>|
						<li class="item_list">
							<a href="#huodong" data-toggle="tab">待收货</a>
						</li>|
						<li class="item_list">
							<a href="#shutUp" data-toggle="tab">已关闭</a>
						</li>
					</ul>
					<div class="tab-content myTabContent">
						<div class="tab-pane content  in active" id="all">
							<div class="Tabcontent">
								<ul class="tab-pane mineDing in active" id="tabMain">
									<li>
										<div class="Mydingdan">
											<h2>待支付</h2>
											<p>
												<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
												<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
											</p>
										</div>
										<div class="Mydetail">
											<ul class="Myleft">
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
											</ul>
											<div class="Myright">
												<div class="zhi01">立即支付</div>
												<div class="zhi02">订单详情</div>
											</div>
										</div>

									</li>
									<li>
										<div class="Mydingdan">
											<h2 style="color:#bbb;">已收货</h2>
											<p>
												<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
												<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
											</p>
										</div>
										<div class="Mydetail">
											<ul class="Myleft">
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
											</ul>
											<div class="Myright">
												<div class="zhi02">订单详情</div>
												<div class="zhi02">申请售后</div>
											</div>
										</div>

									</li>
									<li>
										<div class="Mydingdan">
											<h2 style="color:#bbb;">已退款</h2>
											<p>
												<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
												<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
											</p>
										</div>
										<div class="Mydetail">
											<ul class="Myleft">
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
											</ul>
											<div class="Myright">
												<div class="zhi02">订单详情</div>
											</div>
										</div>

									</li>

								</ul>
								<ul class="tab-pane mineDing" id="tabMaining">
									<li>
										<div class="Mydingdan">
											<h2>待支付</h2>
											<p>
												<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
												<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
											</p>
										</div>
										<div class="Mydetail">
											<ul class="Myleft">
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
												<li>
													<img src="image/xianweijing01.png" />
													<div class="textConten">
														<p style="line-height:45px;">医用显微镜</p>
														<p><b>￥5263.0</b> x1</p>
													</div>
												</li>
											</ul>
											<div class="Myright">
												<div class="zhi01">立即支付</div>
												<div class="zhi02">订单详情</div>
											</div>
										</div>

									</li>

								</ul>
								<div class="tabNavCon">
									<ul class=" tabNavLis">
										<li><img src="image/jiantou01.png" alt=""></li>
										<li class="listing active">
											<a href="#tabMain" data-toggle="tab">1</a>
										</li>
										<li class="listing">
											<a href="#tabMaining" data-toggle="tab">2</a>
										</li>
										<li><img src="image/jiantou02.png" alt=""></li>
									</ul>
								</div>
							</div>

						</div>
						<div class="tab-pane content" id="wuliu">
							<ul class="mineDings">
								<li>
									<div class="Mydingdan">
										<h2>待支付</h2>
										<p>
											<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
											<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
										</p>
									</div>
									<div class="Mydetail">
										<ul class="Myleft">
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
										</ul>
										<div class="Myright">
											<div class="zhi01">立即支付</div>
											<div class="zhi02">订单详情</div>
										</div>
									</div>

								</li>

							</ul>
						</div>
						<div class="tab-pane content " id="huodong">
							<ul class="mineDings">
								<li>
									<div class="Mydingdan">
										<h2 style="color:#bbb;">待收货</h2>
										<p>
											<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
											<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
										</p>
									</div>
									<div class="Mydetail">
										<ul class="Myleft">
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
										</ul>
										<div class="Myright">
											<div class="zhi02">订单详情</div>
											<div class="zhi02">申请售后</div>
										</div>
									</div>

								</li>

							</ul>
						</div>
						<div class="tab-pane content " id="shutUp">
							<ul class="mineDings">
								<li>
									<div class="Mydingdan">
										<h2 style="color:#bbb;">已关闭</h2>
										<p>
											<span>2017年04月16日 10:12  |  风起时  |  订单号：5170416855500834  |  在线支付</span>
											<span class="moneyNum">订单金额 :  <b>316.90</b> 元</span>
										</p>
									</div>
									<div class="Mydetail">
										<ul class="Myleft">
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
											<li>
												<img src="image/xianweijing01.png" />
												<div class="textConten">
													<p style="line-height:45px;">医用显微镜</p>
													<p><b>￥5263.0</b> x1</p>
												</div>
											</li>
										</ul>
										<div class="Myright">
											<div class="zhi02">订单详情</div>
											<div class="zhi02">申请售后</div>
										</div>
									</div>

								</li>

							</ul>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>

		<!--底部 -->

		<div class="foot">
			<div class="foot-top">
				<ul>
					<li>
						<img src="image/add.png" />
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<img src="image/seven.png" />
						<a href="#">7天无理由退货</a>
					</li>
					<li>
						<img src="image/five.png" />
						<a href="#">15天免费换货</a>
					</li>
					<li>
						<img src="image/you.png" />
						<a href="#">满150包邮</a>
					</li>
					<li>
						<img src="image/add.png" />
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="foot-middle">
				<div class="middle-left">
					<div class="middle-list">
						<ul>
							<li class="list-head">帮助中心</li>
							<li>
								<a href="#">账户管理</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">订单操作</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">服务支持</li>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">自助服务</a>
							</li>
							<li>
								<a href="#">相关下载</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">线下门店</li>
							<li>
								<a href="#">道恩之家</a>
							</li>
							<li>
								<a href="#">服务网点</a>
							</li>
							<li>
								<a href="#">零售网点</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关于道恩</li>
							<li>
								<a href="#">了解道恩</a>
							</li>
							<li>
								<a href="#">加入道恩</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关注我们</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">官方微信</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">特色服务</li>
							<li>
								<a href="#">礼物码</a>
							</li>
							<li>
								<a href="#">防伪查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle-right">
					<div class="middle-text">
						<span class="number">400-100-5678</span><br />
						<span>周一至周日 8:00-18:00</span><br />
						<span>(仅收市话费)</span><br />
						<span class="customer"><a href="#">24小时在线客服</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<!--<div class="hezuo">
				<div><img src="image/logo_top.png" /><span>合作企业</span></div>
				<div><img src="image/logo_top.png" /><span>合作企业</span></div>
				<div><img src="image/logo_top.png" /><span>合作企业</span></div>
				<div><img src="image/logo_top.png" /><span>合作企业</span></div>
			</div>-->
			<div class="footer-0">
				<div class="footer-left">
					<div class="footer-img">
						<img src="image/logo_top.png" />
					</div>
					<div class="footer-p">
						<p>道恩商城|MIUI|米聊|多看书城|道恩路由器|视频电话|道恩天猫店|道恩淘宝直营店|道恩网盟|道恩移动|隐私政策|Select Region</p><br />
						<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png" />
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.js" type="text/javascript"></script>

</html>